<template>
  <!-- 最外层只能有一个组件，不能出现多个 -->
  <div id="example-1">
    <a v-bind:href="url">百度</a>
    <a :href="urlname">百度</a>
  </div>
</template>

<script>
  export default {
    data: function(){
      return {
        url: "https://www.baidu.com",
        urlname: "https://www.163.com",
      }
    }
  }
</script>

<style scoped lang="scss">
 /***
 scoped ： 表示当前写的样式是针对当前页面的，对其他页面没有影响
 lang="scss": 表示我写的样式代码是针对SASS的，不是less等。强调，属性的值是scss
 ***/
</style>

